<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.css" rel="stylesheet" />
		<link href="../css/iconfont.css" rel="stylesheet" />
    	<link href="../css/myfinance.css" rel="stylesheet" />
    	<script src="../js/jquery-1.9.1.min.js"></script>
	</head>

	<body>
		<!--  顶部组件      -->
		<header style="border-bottom: 1px solid #E5E5E5;" class="mui-bar mui-bar-nav head">
			<a class="mui-action-back">
				<span class="mui-icon mui-icon-arrowleft sp5"></span>
			</a>
		    <h1 class="mui-title">我的贷款</h1>
		</header>
		
		
		<!--  主题内容组件     -->
		<div id="conconts" style="background: none;" class="mui-content">
			<!-- div选项卡      -->
			<!--<div style="background: #FFFFFF;" class="mui-segmented-control">
			    <a class="mui-control-item mui-active" href="#item1">我的贷款</a>
			</div>-->
			<!--<div style=" margin: 0;" class="mui-content-padded">
				<div style="background: none;" id="item1" class="mui-control-content mui-active">-->
					<div id="biaotou" class="biaotou">
						<div class="biaotou_one"><span>贷款项目</span></div>
						<div class="biaotou_one"><span>时间</span></div>
						<div class="biaotou_one"><span>金额</span></div>
						<div class="biaotou_one"><span>利率</span></div>
						<div class="biaotou_one"><span>总和</span></div>
					</div>
					<!--<div style="height: 75px;" class="biaotou juti">
						<div class="biaotou_one"><span style="color: #666666;">机油贷款</span></div>
						<div style="padding-top: 6px;" class="biaotou_one">
							<p>2016.11.10</p>
							<p>至</p>
							<p>2016.</p>
						</div>
						<div class="biaotou_one"><span style="color: red;">10万</span></div>
						<div class="biaotou_one"><span>5%</span></div>
						<div class="biaotou_one"><span style="color: red;">103680元</span></div>
					</div>
					<div style="height: 75px;" class="biaotou juti">
						<div class="biaotou_one"><span style="color: #666666;">机油贷款</span></div>
						<div style="padding-top: 6px;" class="biaotou_one">
							<p>2016.11.10</p>
							<p>至</p>
							<p>2016.</p>
						</div>
						<div class="biaotou_one"><span style="color: red;">10万</span></div>
						<div class="biaotou_one"><span>5%</span></div>
						<div class="biaotou_one"><span style="color: red;">103680元</span></div>
					</div>-->
					<div class="daikuantouzi">
						<div style="margin-right: 12px;" class="daikuantouzi_one">
							<span class="mui-icon iconfont icon-meiyuan"><a href="woyaodaikuan.html" class="a5">我要贷款</a></span>
						</div>
						<div  class="daikuantouzi_one">
							<span class="mui-icon iconfont icon-xiaozhu"><a href="woyaotouzi.html" class="a5">我要投资</a></span>
						</div>
					<!--</div>
				</div>-->
			</div>
		</div>
		<script src="../js/mui.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			mui.init()
//			nav_tab();
    	
	    	//底部导航栏点击跳转页面函数
//	    	function nav_tab(){
//	    		var nav = document.getElementById("nav");
//		    	var nav_tab = nav.getElementsByClassName("mui-tab-item");
//		    	for(var i=0;i<nav_tab.length;i++){
//		    		(function(x){
//		    			nav_tab[x].addEventListener('tap',function(){
//					        window.location.href = this.href;
//					    });
//		    		})(i)
//		    	}
//	    	}
		</script>
		<script>
			$.getJSON("../json/wodedaikuan.json",function(data){
				var daikuan ="";
				$.each(data,function(infoIndex,info){
					daikuan +='<div style="height: 75px;" class="biaotou juti">';
					daikuan +='<div class="biaotou_one"><span style="color: #666666;">' + info.dk_xiangmu + '</span></div>';
					daikuan +='<div style="padding-top: 6px;" class="biaotou_one">';
					daikuan +='<p>' + info.dk_time_star + '</p>';
					daikuan +='<p>至</p>';
					daikuan +='<p>' + info.dk_time_end + '</p>';
					daikuan +='</div>';
					daikuan +='<div class="biaotou_one"><span style="color: red;">' + info.dk_number + '</span></div>';
					daikuan +='<div class="biaotou_one"><span>' + info.dk_lilv + '</span></div>';
					daikuan +='<div class="biaotou_one"><span style="color: red;">' + info.dk_zonghe + '</span></div>';
					daikuan +='</div>';
					
				});
				$("#biaotou").after(daikuan);
			});
		</script>
	</body>

</html>
